:root {
  --Input-color-dark: #546677;
  --Input-color-mid: #20718A;
}

/* Set custom styles for ant-collapse */

.InputEditorSearch .ant-collapse-content {
  padding: 0;
  margin: 0 16px;
}
.InputEditorSearch {
  margin-left: 0.75rem;
  margin-right: 1rem;
  display: inline-flex;
  padding-top: 0.35rem;
  flex: 2 0 8rem;
}

/* Hide the ant collapse header and borders */
.InputEditorSearch .ant-collapse-header {
  display: none;
}

.InputEditorSearch .ant-collapse {
  border: none;
}

.InputEditorSearch .ant-collapse .ant-collapse-item {
  border: none;
}
.InputEditorSearch .ant-collapse-content {
  border: none;
}

.InputEditorSearch .ant-collapse {
  width: 100%;
  margin-bottom: 0.5rem !important;
  position: absolute;
  z-index: 1000;
}

.InputEditorSearch .EditorInputGroup-addon.btn-xs {
  padding-left: 1rem;
}

.InputEditorSearch input {
  font-size: 0.875rem;
}

.InputEditorSearch .ant-collapse-content-box {
  background-color: var(--u-bg-color-lighter);
}

.InputEditorSearch .ant-collapse-content-box input {
  box-shadow: var(--default-box-shadow-inset)
}

.InputEditorSearch > div {
  /* to contain nested .panel width */
  position: relative;
  width: 100%;
}

.InputGroup--wide {
  padding-left: 1rem;
}

/* advanced search panel */

/* bootstrap classes used throughout */

.InputEditorSearch .icon-help button {
  vertical-align: sub;
  margin-left: 0.375rem;
}

.InputEditorSearch .EditorInputGroup {
  width: 100%;
}

.InputEditorSearch .icon-help button span {
  vertical-align: bottom;
}

#EditorHeader .InputEditorSearch .EditorInputGroup-addon span.n1 {
  vertical-align: middle;
  width: 6rem;
}

.InputEditorSearch .EditorInputGroup-addon button {
  color: var(--Input-color-dark);
}

li.InlineSearch-list {
  display: inline-flex;
  width: 100%;
  margin-right: 1rem;
}

li.InlineSearch-list span {
  width: 60%;
  color: var(--Input-color-mid);
}

.InlineSearch input {
  width: 90%;
}

.flex ul.u-listHorizontal {
  z-index: 999 !important;
}
